<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module"></script>
    <form action="" enctype="multipart/form-data"></form>
    <script>
        // ajax 前后端交互技术 

        // 4步

        //1 创建一个ajax 对象 
        // const xhr = new XMLHttpRequest() 
        //2.配置请求信息  
        // xhr.open('请求方式','请求地址',是否是异步);
        //3.发送本次请求
        // xhr.send()
        // //4. 注册请求完成的事件 
        // xhr.onload = function(){
        //     xhr.responseText
        // }

        // 如果open第三个参数是false 说明是同步请求
        //  顺序是 1243  
        // 异步  1234 或者 1243都行   


        // 携带参数  
        // get 请求携带参数 直接跟在请求地址后边 

        // http://www.baidu.com:443/路径?参数1=值&参数2=值2;

        // 最大2kb

        // post请求 (put patch等)
        // 理论上可以传递任意类型的数据到后端 
        // 需要提前跟服务器说一下 

        // 查询字符串 name=zhangsan&age=18
        // application/x-www-form-urlencode
        // json '{"name":"张三"}'
        // application/json
        // 二进制流数据  0b开头
        // multipart/formdata
        // xhr.setRequestHeader('content-type',);

        // 数据放在 send()中 



        // try{}catch(e){}finally{}
    </script>
</body>
</html>